<template>
    <view>
        <a-card style="width:100%">
            <a-tabs v-model:activeKey="activeKey" tab-position="top" type="card">
                <a-tab-pane key="1" tab="井眼轨迹">
                    <a-row gutter="5">
                        <a-col :span="11">
                            <TrajectTable></TrajectTable>
                        </a-col>
                        <a-col :span="13">
                            <div shadow="hover">
                                <EchartsCanvas></EchartsCanvas>
                            </div>
                        </a-col>
                    </a-row>
                </a-tab-pane>
                <a-tab-pane key="2" tab="井深结构">
                    <a-row>
                        <a-col :span="14">
                            <structure-form />
                        </a-col>
                        <a-col :span="10">
                            <div ref="d3CanvasRef">
                                <d3-canvas ref="d3Ref" />
                            </div>
                        </a-col>
                    </a-row>
                </a-tab-pane>
            </a-tabs>
        </a-card>
    </view>
</template>
<script setup>
import EchartsCanvas from '../../traject/components/echarts.vue'
import TrajectTable from './TrajectTable'
import StructureForm from '../../structure/components/form/index.vue'
import D3Canvas from '../../structure/components/D3Canvas.vue'
</script>